$(function() {

	var flag = 0;

	var bannerFlag = 0;

	// 向右滚动按钮
	$(".button-left").click(function() {

		bannerFlag++
		if(bannerFlag >= $(".banner-list li").length) {
			bannerFlag = 0;
			$(".banner-list").css({
				left: 0
			})
			$(".button-left").click()
		} else {
			$(".banner-list").stop().animate({
				left: -bannerFlag * $(".banner-list li").width()
			}, 1000, "linear")

			flag >= $(".button-list li").length - 1 ? flag = 0 : flag++;
			$(".button-list li").removeClass("active").eq(flag).addClass("active");
		}
	})

	// 向左滚动按钮
	$(".button-right").click(function() {
		bannerFlag--
		if(bannerFlag < 0) {
			$(".banner-list").css({
				left: -($(".banner-list li").width() * ($(".banner-list li").length - 1))
			})
			bannerFlag = $(".banner-list li").length - 1
			$(".button-right").click()
		} else {
			$(".banner-list").stop().animate({
				left: -bannerFlag * $(".banner-list li").width()
			}, 1000, "linear")

		}

		flag <= 0 ? flag = $(".button-list li").length : flag--;
		$(".button-list li").removeClass("active").eq(flag).addClass("active");

	})

	$(".button-list li").click(function() {
		flag = $(this).index()
		bannerFlag = $(this).index()
		$(".banner-list").stop().animate({
			left: -$(".banner-list li").width() * $(this).index()
		}, 1000, "linear")
		$(".button-list li").removeClass("active").eq($(this).index()).addClass("active");
	})

	setInterval(function() {
		$(".button-left").click()
	}, 3000)
	
	
	$(document).scroll(function(){
		
		$(document).scrollTop() >= 520 ? $(".nav-right").css({background:"rgba(255,104,66,.4)"}) : $(".nav-right").css({background:"rgba(255,255,255,.4)"})
		
	})
	







})